<div id="area-line2" style="height: 100%">

</div>
<script type="text/javascript">
    $(function () {
    var myChart = echarts.init(document.getElementById('area-line2'), 'macarons');
    var option = {
        title: {
            text: '库存掌握程度'
            ,show:false
        },grid: {
            top: 20,
            left: 20,
            right: 20,
            bottom: 20,
            containLabel: true
        },
        tooltip: {
            trigger: 'axis',
            formatter: function (params) {
                return params[0].name + "<br/>" + params[0].value + "%";
            },
            axisPointer: {
                animation: false
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['一季度', '二季度', '三季度', '四季度'],
            axisLabel: {
                textStyle:{
                    color:"#595959"
                }
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
        },
        yAxis: {
            type: 'value',
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                formatter: function(value){
                    var var1=value*1;
                    return var1;
                },
                textStyle:{
                    color:"#595959"
                }
            },
            splitLine:{
                show:true
            },
            splitArea: {
                show:true,
                areaStyle: {
                    color: ['rgba(0,0,0,0)', 'rgba(0,0,0,0)']
                }
            },
        },
        series: [{
            name: '库存掌握程度',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data:[85, 68, 77, 94]
        }]
    };
    myChart.setOption(option);
    });
</script>


